<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="themes/metro/easyui.css">
    <link rel="stylesheet" type="text/css" href="themes/mobile.css">
    <link rel="stylesheet" type="text/css" href="themes/icon.css">
    <link rel="stylesheet" href="css.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>
    <script src="https://cdn.bootcss.com/html5media/1.1.8/html5media.js"></script>
    <style>
        .video{
            /*background: url("bg.png") no-repeat ;*/
            /*background-size: 100% 100%;*/
        }
    </style>
</head>
<body>
<div style="display: flex;justify-content: space-around;">
    <video class="video" controls="controls" poster="bg.png" style="width: 30%;height: 60px;">
        <source src="http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hbqagik5sfq1jsai/mda-hbqagik5sfq1jsai.mp4" type="video/mp4">
    </video>
    <video class="video" controls="controls" poster="bg.png" style="width: 30%;height: 60px;">
        <source src="http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hbqagik5sfq1jsai/mda-hbqagik5sfq1jsai.mp4" type="video/mp4">
    </video>
    <video class="video" controls="controls" poster="bg.png" style="width: 30%;height: 60px;">
        <source src="http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hbqagik5sfq1jsai/mda-hbqagik5sfq1jsai.mp4" type="video/mp4">
    </video>
</div>
<!--<table id="dg" data-options="singleSelect:true,border:false,fit:true,fitColumns:true,scrollbarSize:0" style="width: 100%">-->
    <!--<thead>-->
    <!--<tr>-->
        <!--<th data-options="field:'itemid',width:80,align:'center'">带班单位</th>-->
        <!--<th data-options="field:'productid',width:100,align:'center'">卡号</th>-->
        <!--<th data-options="field:'listprice',width:80,align:'center'">姓名</th>-->
        <!--<th data-options="field:'unitcost',width:80,align:'center'">职务</th>-->
        <!--<th data-options="field:'a',width:120,align:'center'">下井时间</th>-->
        <!--<th data-options="field:'b',width:80,align:'center'">是否带班</th>-->
        <!--<th data-options="field:'c',width:80,align:'center'">已汇报次数</th>-->
    <!--</tr>-->
    <!--</thead>-->
<!--</table>-->

<script>
    $(function () {
        var video = $(".video").play();
    });
////    var data = 	[
////        {"productid":"卡号","productname":"Koi","unitcost":"矿副总工程师","status":"P","listprice":"王素立","attr1":"Large","itemid":"矿带班","a":"2017-09-05 21:29:54","b":"是","c":3},
////        {"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10","a":99,"b":89,"c":56},
////        {"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11","a":99,"b":89,"c":56},
////        {"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12","a":99,"b":89,"c":56},
////        {"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13","a":99,"b":89,"c":56},
////        {"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14","a":99,"b":89,"c":56},
////        {"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15","a":99,"b":89,"c":56},
////        {"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16","a":99,"b":89,"c":56},
////        {"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17","a":99,"b":89,"c":56},
////        {"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18","a":99,"b":89,"c":56}
////    ];
////    $(function(){
////        $('#dg').datagrid({
////            data: data
////        });
//    });

</script>
</body>
</html>